<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="小说,小说网,玄幻小说,武侠小说,都市小说,历史小说,网络小说,言情小说,青春小说,原创网络文学">
    <meta name="description"
        content="小说阅读,精彩小说尽在起点中文网. 起点中文网提供玄幻小说,武侠小说,原创小说,网游小说,都市小说,言情小说,青春小说,历史小说,军事小说,网游小说,科幻小说,恐怖小说,首发小说,最新章节免费">
    <title>起点中文网_阅文集团旗下网站</title>
    <link rel="shortcut icon" href="images/qd_icon.ico">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/font/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="top-wrap">
        <div class="topbar w1200 clearfix">
            <div class="top-nav fl">
                <a href="#" class="firstline active">起点中文网</a>
                <a href="#">起点女生网</a>
                <a href="#">创世中文网</a>
                <a href="#">云起书院</a>
                <a href="#">繁体版</a>
            </div>
            <div class="login-box fr">
                <div class="sign-out">
                    <a href="#" class="active login">登录</a><a href="#" class="reg">注册</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 随机广告位 -->
    <div class="adv-wrap w1200">
        <a href="#" class="btn-close"><i class="iconfont icon-guanbi"></i></a>
        <a href="#"><img src="images/adv.jpg" alt="游戏"><span class="adv-tag"></span></a>
    </div>
    <!-- 随机广告位结束 -->

    <!-- 头部 -->
    <div class="header-wrap w1200">
        <div class="logo"><a href="#"><img src="images/logo.png" alt="起点中文小说网"></a></div>
        <div class="search-wrap">
            <form action="#" method="get" name="search" class="clearfix search-form">
                <input type="text" name="keywords" id="keywords" placeholder="平平无奇大师兄" autocomplete="off"
                    class="search-box fl">
                <!-- 隐藏选项面板 -->
                <div class="select-list-wrap">
                    <dl class="select-list">
                        <dt class="select-list-title"><strong>大家都在搜</strong></dt>
                        <!-- <dl class="select-list-item">
                            <a href="#" class="select-list-item-link">民科的黑科技</a>
                        </dl>
                        <dl class="select-list-item">
                            <a href="#" class="select-list-item-link">重返2008年</a>
                        </dl>
                        <dl class="select-list-item">
                            <a href="#" class="select-list-item-link">废土虫群主宰废土虫群主宰废土虫群主宰废土虫群主宰废土虫群主宰</a>
                        </dl>
                        <dl class="select-list-item">
                            <a href="#" class="select-list-item-link">毁灭游戏世界</a>
                        </dl>
                        <dl class="select-list-item">
                            <a href="#" class="select-list-item-link">联盟之上单魔王</a>
                        </dl>
                        <dl class="select-list-item">
                            <a href="#" class="select-list-item-link">大唐孽子</a>
                        </dl> -->
                    </dl>
                </div>
                <button class="btn-search fl"><i class="iconfont icon-sousuo"></i></button>
            </form>

        </div>
        <div class="book-shelf">
            <a href="#" class="book-shelf-link"><i class="iconfont icon-shujia"></i><em>我的书架</em></a>
        </div>

    </div>
    <!-- 主导航 -->
    <div class="main-nav-wrap">
        <div class="main-nav w1200">
            <ul class="clearfix">
                <li class="menu">
                    <i class="menu-list"></i>
                    <em>作品分类</em>
                </li>
                <li class="main-nav-list">
                    <a href="#" class="main-nav-link">全部作品</a>
                </li>
                <li class="main-nav-list">
                    <a href="#" class="main-nav-link">排行</a>
                </li>
                <li class="main-nav-list">
                    <a href="#" class="main-nav-link">完本</a>
                </li>
                <li class="main-nav-list">
                    <a href="#" class="main-nav-link">免费</a>
                </li>
                <li class="main-nav-list">
                    <a href="#" class="main-nav-link">作家专区</a>
                </li>
                <li class="main-nav-list">
                    <a href="#" class="main-nav-link"><i class="iconfont icon-kehuduan"></i>作家专区</a>
                </li>
                <li class="main-nav-game phone">
                    <a href="#" class="nav-game"><i class="iconfont icon-shouyou1"></i>手游</a>
                    <!-- 隐藏的面板 -->
                    <div class="game-dropdown-wrap">
                        <ul class="game-dropdown-item">
                            <li class="game-dropdown-list">
                                <h3 class="game-dropdown-title">
                                    <a href="#">西游正传</a>
                                    <p>无限资源 无限炼妖</p>
                                </h3>
                                <div class="game-dropdown-pic">
                                    <a href="#">
                                        <img src="images/adv1.jpg" alt="西游正传">
                                        <span class="adv-tag"></span>
                                    </a>
                                </div>
                            </li>
                            <li class="game-dropdown-list">
                                <h3 class="game-dropdown-title">
                                    <a href="#">神仙道迅玩版</a>
                                    <p>和你一起再续仙缘</p>
                                </h3>
                                <div class="game-dropdown-pic">
                                    <a href="#">
                                        <img src="images/adv2.jpg" alt="神仙道迅玩版">
                                        <span class="adv-tag"></span>
                                    </a>
                                </div>
                            </li>
                            <li class="game-dropdown-list">
                                <h3 class="game-dropdown-title">
                                    <a href="#">山海镜花</a>
                                    <p>行大荒异世 观山海万象</p>
                                </h3>
                                <div class="game-dropdown-pic">
                                    <a href="#">
                                        <img src="images/adv3.jpg" alt="山海镜花">
                                        <span class="adv-tag"></span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                        <div class="game-dropdown-box">
                            <h3 class="game-dropdown-title">
                                <a href="#">新游|绯雨骑士团</a>
                            </h3>
                            <div class="game-dropdown-pic">
                                <a href="#">
                                    <img src="images/adv4.jpg" alt="山海镜花">
                                    <span class="adv-tag"></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="main-nav-game web">
                    <a href="#" class="nav-game"><i class="iconfont icon-shouyou"></i>页游</a>
                    <!-- 隐藏的面板 -->
                    <div class="game-dropdown-wrap">
                        <dl class="game-dropdown-item">
                            <dt class="game-dropdown-dt">今日开服</dt>
                            <dd class="game-dropdown-list">
                                <h3 class="game-dropdown-title">
                                    <i class="game-dropdown-time">05-11</i>
                                    <a href="#" class="game-dropdown-title-link">暗黑大天使</a>
                                    <strong class="game-dropdown-area">18区</strong>
                                </h3>
                                <div class="game-dropdown-pic">
                                    <a href="#">
                                        <img src="images/webadv1.jpg" alt="暗黑大天使">
                                        <span class="adv-tag"></span>
                                    </a>
                                </div>
                            </dd>

                            <dd class="game-dropdown-list">
                                <h3 class="game-dropdown-title">
                                    <i class="game-dropdown-time">05-11</i>
                                    <a href="#" class="game-dropdown-title-link">盗墓笔记</a>
                                    <strong class="game-dropdown-area">125区</strong>
                                </h3>
                                <div class="game-dropdown-pic none">
                                    <a href="#">
                                        <img src="images/webadv2.jpg" alt="盗墓笔记">
                                        <span class="adv-tag"></span>
                                    </a>
                                </div>
                            </dd>
                            <dd class="game-dropdown-list">
                                <h3 class="game-dropdown-title">
                                    <i class="game-dropdown-time">05-11</i>
                                    <a href="#" class="game-dropdown-title-link">神座</a>
                                    <strong class="game-dropdown-area">38区</strong>
                                </h3>
                                <div class="game-dropdown-pic none">
                                    <a href="#">
                                        <img src="images/webadv3.jpg" alt="神座">
                                        <span class="adv-tag"></span>
                                    </a>
                                </div>
                            </dd>
                            <dd class="game-dropdown-list">
                                <h3 class="game-dropdown-title">
                                    <i class="game-dropdown-time">05-11</i>
                                    <a href="#" class="game-dropdown-title-link">新大明浮生记</a>
                                    <strong class="game-dropdown-area">215区</strong>
                                </h3>
                                <div class="game-dropdown-pic none">
                                    <a href="#">
                                        <img src="images/webadv4.jpg" alt="新大明浮生记">
                                        <span class="adv-tag"></span>
                                    </a>
                                </div>
                            </dd>
                            <dd class="game-dropdown-list">
                                <h3 class="game-dropdown-title">
                                    <i class="game-dropdown-time">05-11</i>
                                    <a href="#" class="game-dropdown-title-link">大圣之鸿蒙领主</a>
                                    <strong class="game-dropdown-area">218区</strong>
                                </h3>
                                <div class="game-dropdown-pic none">
                                    <a href="#">
                                        <img src="images/webadv5.jpg" alt="大圣之鸿蒙领主">
                                        <span class="adv-tag"></span>
                                    </a>
                                </div>
                            </dd>
                        </dl>

                        <div class="game-dropdown-box">
                            <p class="game-dropdown-dt">
                                悬赏
                            </p>
                            <div class="game-dropdown-pic">
                                <a href="#">
                                    <img src="images/webadv6.gif" alt="山海镜花">
                                    <span class="adv-tag"></span>
                                </a>
                            </div>
                        </div>
                    </div>



        </div>
    </div>
    <!-- 焦点 -->
    <div class="focus-wrap clearfix w1200 mb40">
        <div class="classify-wrap fl">
            <ul class="classify-list">
                <li class="classify-item even">
                    <a href="#" class="classify-link clearfix"><i class="iconfont icon-xuanhuan1"></i>
                        <strong class="classify-info">
                            <em class="classify-name">玄幻</em>
                            <span class="classify-count">1324354654</span>
                        </strong>
                    </a>
                </li>
                <li class="classify-item even">
                    <a href="#" class="classify-link clearfix"><i class="iconfont icon-qihuan"></i>
                        <strong class="classify-info">
                            <em class="classify-name">奇幻</em>
                            <span class="classify-count">1324654</span>
                        </strong>
                    </a>
                </li>
                <li class="classify-item odd">
                    <a href="#" class="classify-link clearfix"><i class="iconfont icon-wuxia"></i>
                        <strong class="classify-info">
                            <em class="classify-name">武侠</em>
                            <span class="classify-count">154654</span>
                        </strong>
                    </a>
                </li>
                <li class="classify-item odd">
                    <a href="#" class="classify-link clearfix"><i class="iconfont icon-xianxia"></i>
                        <strong class="classify-info">
                            <em class="classify-name">仙侠</em>
                            <span class="classify-count">132435</span>
                        </strong>
                    </a>
                </li>
                <li class="classify-item even">
                    <a href="#" class="classify-link clearfix"><i class="iconfont icon-dushi1"></i>
                        <strong class="classify-info">
                            <em class="classify-name">都市</em>
                            <span class="classify-count">1324354654</span>
                        </strong>
                    </a>
                </li>
                <li class="classify-item even">
                    <a href="#" class="classify-link clearfix"><i class="iconfont icon-zhichang"></i>
                        <strong class="classify-info">
                            <em class="classify-name">现实</em>
                            <span class="classify-count">1324654</span>
                        </strong>
                    </a>
                </li>
                <li class="classify-item odd">
                    <a href="#" class="classify-link clearfix"><i class="iconfont icon-junshi"></i>
                        <strong class="classify-info">
                            <em class="classify-name">军事</em>
                            <span class="classify-count">154654</span>
                        </strong>
                    </a>
                </li>
                <li class="classify-item odd">
                    <a href="#" class="classify-link clearfix"><i class="iconfont icon-lishi"></i>
                        <strong class="classify-info">
                            <em class="classify-name">历史</em>
                            <span class="classify-count">132435</span>
                        </strong>
                    </a>
                </li>
                <li class="classify-item even">
                    <a href="#" class="classify-link clearfix"><i class="iconfont icon-youxi3"></i>
                        <strong class="classify-info">
                            <em class="classify-name">游戏</em>
                            <span class="classify-count">1324354654</span>
                        </strong>
                    </a>
                </li>
                <li class="classify-item even">
                    <a href="#" class="classify-link clearfix"><i class="iconfont icon-tiyu"></i>
                        <strong class="classify-info">
                            <em class="classify-name">体育</em>
                            <span class="classify-count">1324654</span>
                        </strong>
                    </a>
                </li>
                <li class="classify-item odd">
                    <a href="#" class="classify-link clearfix"><i class="iconfont icon-kehuan"></i>
                        <strong class="classify-info">
                            <em class="classify-name">科幻</em>
                            <span class="classify-count">154654</span>
                        </strong>
                    </a>
                </li>
                <li class="classify-item odd">
                    <a href="#" class="classify-link clearfix"><i class="iconfont icon-lingyi2"></i>
                        <strong class="classify-info">
                            <em class="classify-name">悬疑</em>
                            <span class="classify-count">132435</span>
                        </strong>
                    </a>
                </li>
                <li class="classify-item even">
                    <a href="#" class="classify-link clearfix"><i class="iconfont icon-nvshengwang"></i>
                        <strong class="classify-info">
                            <em class="classify-name">女生网</em>
                            <span class="classify-count">354654</span>
                        </strong>
                    </a>
                </li>
                <li class="classify-item even">
                    <a href="#" class="classify-link clearfix"><i class="iconfont icon-erciyuan"></i>
                        <strong class="classify-info">
                            <em class="classify-name">轻小说</em>
                            <span class="classify-count">4654</span>
                        </strong>
                    </a>
                </li>
            </ul>
        </div>
        <div class="focus-box fl">
            <div class="focus-slider-wrap hidden por">
                <ul class="focus-slider-list clearfix">
                    <li class="focus-slider-item">
                        <a href="#" class="focus-slider-link"><img src="images/f1.jpeg" alt="起点小说游戏图片"
                                class="focus-slider-img"></a>
                    </li>
                    <li class="focus-slider-item">
                        <a href="#" class="focus-slider-link"><img src="images/f2.jpg" alt="起点小说游戏图片"
                                class="focus-slider-img"></a>
                    </li>
                    <li class="focus-slider-item">
                        <a href="#" class="focus-slider-link"><img src="images/f3.jpg" alt="起点小说游戏图片"
                                class="focus-slider-img"></a>
                    </li>
                    <li class="focus-slider-item">
                        <a href="#" class="focus-slider-link"><img src="images/f4.jpg" alt="起点小说游戏图片"
                                class="focus-slider-img"></a>
                    </li>
                    <li class="focus-slider-item">
                        <a href="#" class="focus-slider-link"><img src="images/f5.jpg" alt="起点小说游戏图片"
                                class="focus-slider-img"><span class="adv-tag"></span></a>
                    </li>

                </ul>
                <div class="focus-slider-title">
                    <div class="focus-slider-thumbs clearfix">
                        <a href="#" class="focus-slider-thumb active">守正创新，网文新风尚</a>
                        <a href="#" class="focus-slider-thumb">联盟之上单魔王</a>
                        <a href="#" class="focus-slider-thumb">重生创业时代</a>
                        <a href="#" class="focus-slider-thumb">众神世界</a>
                        <a href="#" class="focus-slider-thumb"><i class="iconfont icon-youxi"></i>千年盛世</a>
                    </div>
                    <a href="#" class="focus-slider-more"><i class="dot"></i><i class="dot"></i><i class="dot"></i></a>
                </div>
            </div>
            <div class="focus-advs-wrap">
                <ul class="focus-advs-list clearfix">
                    <li class="focus-advs-item">
                        <a href="#"><img src="images/fa1.png" alt="游戏广告"><span class="adv-tag"></span></a>
                    </li>
                    <li class="focus-advs-item middle">
                        <a href="#"><img src="images/fa2.png" alt="游戏广告"><span class="adv-tag"></span></a>
                    </li>
                    <li class="focus-advs-item">
                        <a href="#"><img src="images/fa3.png" alt="游戏广告"><span class="adv-tag"></span></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="notice-wrap fr">
            <div class="notice">
                <h3 class="notice-title"><a href="#">越拼搏，越青春</a></h3>
                <ul class="notice-list">
                    <li class="notice-item">
                        <a href="#" class="notice-item-link"><i>「公告」</i> 全民国家安全教育日</a>
                    </li>
                    <li class="notice-item">
                        <a href="#" class="notice-item-link"><i>「资讯」</i> 我和浦东30年征文</a>
                    </li>
                    <li class="notice-item">
                        <a href="#" class="notice-item-link"><i>「公告」</i> 仙侠神话征文大赛</a>
                    </li>
                    <li class="notice-item">
                        <a href="#" class="notice-item-link"><i>「公告」</i> 百名网络作家接力发声</a>
                    </li>
                    <li class="notice-item">
                        <a href="#" class="notice-item-link  tips-link"><em class="notice-tips">页游</em> 百名网络作家接力发声</a>
                    </li>
                    <li class="notice-item">
                        <a href="#" class="notice-item-link tips-link"><em class="notice-tips">页游</em> 盛世至尊之遮天</a>
                    </li>
                </ul>
                <div class="notice-tongzhi">
                    <i class="iconfont icon-tongzhi"></i>
                    <marquee behavior="scroll" direction="left" scrollamount="5" loop="0" onmouseover="this.stop();"
                        onmouseout="this.start();">
                        <span>
                            半仙粉打赏
                            <a href="#">世有弦月</a>
                            100W点，【成为该书白银大盟】
                        </span>
                    </marquee>
                </div>
            </div>
            <div class="notice-adv por">
                <a href="#">
                    <img src="images/na1.jpg" alt="游戏广告">
                    <span class="adv-tag"></span>
                </a>
            </div>
        </div>
    </div>
    <!-- 书籍列表 -->
    <div class="book-tuijian-wrap clearfix w1200 mb40">
        <div class="book-tuijian fl mr30">
            <h3 class="book-tuijian-title">本周强推
                <a href="#" class="more">更多<i class="iconfont icon-youjiantou"></i></a>
            </h3>
            <ul class="book-list">
                <li class="book-item">
                    <a href="#" class="book-classify">「都市」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">佛系科技</a>
                    </strong>
                    <a href="#" class="book-author">一桶布丁</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「悬疑」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">诡秘小说</a>
                    </strong>
                    <a href="#" class="book-author">弹指一笑间</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「奇幻」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">无限血核</a>
                    </strong>
                    <a href="#" class="book-author">蛊真人</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「仙侠」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">洪荒星辰道</a>
                    </strong>
                    <a href="#" class="book-author">爱作梦的懒虫</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「都市」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">我真是个律师</a>
                    </strong>
                    <a href="#" class="book-author">青圭大大</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「仙侠」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">我修炼开了外挂</a>
                    </strong>
                    <a href="#" class="book-author">周流星位</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「科幻」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">港综世界大枭雄</a>
                    </strong>
                    <a href="#" class="book-author">萌俊</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「科幻」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">诸天万界的武者</a>
                        <em class="hot"></em>
                    </strong>
                    <a href="#" class="book-author">横空日月</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「历史」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">我真不是木匠皇帝</a>
                    </strong>
                    <a href="#" class="book-author">崛起的石头</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「历史」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">朕的大秦不可能亡</a>
                        <em class="hot"></em>
                    </strong>
                    <a href="#" class="book-author">姒荒</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「仙侠」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">九叔的掌门大弟子</a>
                    </strong>
                    <a href="#" class="book-author">莲花山主</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「都市」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">路人男配的转正计划</a>
                    </strong>
                    <a href="#" class="book-author">字母的回忆</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「都市」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">从小诊所到医疗帝国</a>
                    </strong>
                    <a href="#" class="book-author">一弦一柱</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「玄幻」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">从氪金开始砍翻世界</a>
                    </strong>
                    <a href="#" class="book-author">许你风华绝代</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「玄幻」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">从获得奇遇面板开始</a>
                    </strong>
                    <a href="#" class="book-author">大树胖成鱼</a>
                </li>
                <li class="book-item title3">
                    <a href="#" class="book-classify">「轻小说」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">我成了二周目BOSS</a>
                        <em class="hot"></em>
                    </strong>
                    <a href="#" class="book-author">宝蓝海洋</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「玄幻」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">我的属性可以无限叠加</a>
                    </strong>
                    <a href="#" class="book-author">寒江孤鹰</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「页游」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">七战·跨服刷BOSS</a>
                    </strong>
                    <a href="#" class="book-author">广告</a>
                </li>
            </ul>
        </div>
        <div class="book-editor-wrap fl">
            <h3 class="book-tuijian-title">编辑推荐</h3>
            <div class="carousel-wrap">
                <div class="carousel" id="carousel">
                    <div class="carousel-slides">
                        <div class="carousel-box">
                            <div>
                                <a href="#" title="天降我才必有用">
                                    <img src="images/car1.jpg" alt="天降我才必有用" class="carousel-item-img" id="item-1">
                                </a>
                            </div>
                            <div>
                                <a href="#" title="天降我才必有用">
                                    <img src="images/car2.jpg" alt="天降我才必有用" class="carousel-item-img" id="item-2">
                                </a>
                            </div>
                            <div>
                                <a href="#" title="天降我才必有用">
                                    <img src="images/car3.jpg" alt="天降我才必有用" class="carousel-item-img" id="item-3">
                                </a>
                            </div>
                            <div>
                                <a href="#" title="天降我才必有用">
                                    <img src="images/car4.jpg" alt="天降我才必有用" class="carousel-item-img" id="item-4">
                                </a>
                            </div>
                            <div>
                                <a href="#" title="天降我才必有用">
                                    <img src="images/car5.jpg" alt="天降我才必有用" class="carousel-item-img" id="item-5">
                                </a>
                            </div>
                            <div>
                                <a href="#" title="天降我才必有用">
                                    <img src="images/car6.jpg" alt="天降我才必有用" class="carousel-item-img" id="item-6">
                                </a>
                            </div>
                            <div>
                                <a href="#" title="天降我才必有用">
                                    <img src="images/car7.jpg" alt="天降我才必有用" class="carousel-item-img" id="item-7">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-description">
                            <div class="carousel-des-item item1">
                                <h3 class="carousel-des-title"><a href="#">天降我才必有用</a></h3>
                                <p class="carousel-des-info">不减肥就得死！一部被贬仙人在凡间的奋斗史！</p>
                                <a href="#" class="btn-read">书籍详情</a>
                            </div>
                            <div class="carousel-des-item item2 none">
                                <h3 class="carousel-des-title"><a href="#">挂机死神就能变强</a></h3>
                                <p class="carousel-des-info">超凡力量层出不穷，危险遍布</p>
                                <a href="#" class="btn-read">书籍详情</a>
                            </div>
                            <div class="carousel-des-item item3 none">
                                <h3 class="carousel-des-title"><a href="#">医路坦途</a></h3>
                                <p class="carousel-des-info">医学生张凡，获得未来医疗系统，平凡的生活开始变得无限精彩。</p>
                                <a href="#" class="btn-read">书籍详情</a>
                            </div>
                            <div class="carousel-des-item item4  none">
                                <h3 class="carousel-des-title"><a href="#">朝为田舍郎</a></h3>
                                <p class="carousel-des-info">做个太上皇多好，天下事，臣愿为陛下分忧决断</p>
                                <a href="#" class="btn-read">书籍详情</a>
                            </div>
                            <div class="carousel-des-item item5 none">
                                <h3 class="carousel-des-title"><a href="#">诸天冥海</a></h3>
                                <p class="carousel-des-info">我成道时，身化冥海，流遍诸天万界！</p>
                                <a href="#" class="btn-read">书籍详情</a>
                            </div>
                            <div class="carousel-des-item item6 none">
                                <h3 class="carousel-des-title"><a href="#">网游之全民领主网游之全民领主网游之全民领主网游之全民领主</a></h3>
                                <p class="carousel-des-info">全球玩家被困在网游《领主》世界，各种文明混战，群雄争霸。</p>
                                <a href="#" class="btn-read">书籍详情</a>
                            </div>
                            <div class="carousel-des-item item7 none">
                                <h3 class="carousel-des-title"><a href="#">舌尖上的霍格沃茨</a></h3>
                                <p class="carousel-des-info">苏格兰圆脸胖鸡之敌</p>
                                <a href="#" class="btn-read">书籍详情</a>
                            </div>
                        </div>
                        <div class="btn-prev"><i class="iconfont icon-zuojiantou"></i></div>
                        <div class="btn-next"><i class="iconfont icon-youjiantou"></i></div>
                        <div class="carousel-nav">
                            <ul class="carousel-list clearfix">
                                <li class="carousel-list-item car-active"></li>
                                <li class="carousel-list-item"></li>
                                <li class="carousel-list-item"></li>
                                <li class="carousel-list-item"></li>
                                <li class="carousel-list-item"></li>
                                <li class="carousel-list-item"></li>
                                <li class="carousel-list-item"></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="book-editor-box">
                <ul class="book-editor-list clearfix">
                    <li class="book-editor-item">
                        <h3 class="book-editor-title"><a href="#" title="返回2006" class="book-editor-link">返回2006</a>
                        </h3>
                        <span class="book-editor-count">
                            <i class="book-read-user">12,457</i>
                            <em class="book-sub-user">人在追</em>
                        </span>
                        <p class="book-editor-info">这是一个扑街作者重回2006年的故事，然后……他就不扑街了！</p>
                    </li>
                    <li class="book-editor-item">
                        <h3 class="book-editor-title"><a href="#" title="返回2006" class="book-editor-link">老祖宗在天有灵</a>
                        </h3>
                        <span class="book-editor-count">
                            <i class="book-read-user">12,457</i>
                            <em class="book-sub-user">人在追</em>
                        </span>
                        <p class="book-editor-info">我是体修，专修肉身</p>
                    </li>
                    <li class="book-editor-item">
                        <h3 class="book-editor-title"><a href="#" title="返回2006" class="book-editor-link">洛杉矶新人成为球霸</a>
                        </h3>
                        <span class="book-editor-count">
                            <i class="book-read-user">12,457</i>
                            <em class="book-sub-user">人在追</em>
                        </span>
                        <p class="book-editor-info">啥？打球不算黑科技？我把所有人都黑一遍，怎么不算“黑”科技？</p>
                    </li>
                </ul>
                <ul class="book-editor-list clearfix">
                    <li class="book-editor-item">
                        <h3 class="book-editor-title"><a href="#" title="返回2006" class="book-editor-link">妖魔哪里走</a></h3>
                        <span class="book-editor-count">
                            <i class="book-read-user">12,457</i>
                            <em class="book-sub-user">人在追</em>
                        </span>
                        <p class="book-editor-info">我王七麟愿以一柄斩鬼刀，于妖魔环伺之中为我人族杀出一条阳关大道！</p>
                    </li>
                    <li class="book-editor-item">
                        <h3 class="book-editor-title"><a href="#" title="返回2006" class="book-editor-link">丧钟为谁而鸣</a>
                        </h3>
                        <span class="book-editor-count">
                            <i class="book-read-user">12,457</i>
                            <em class="book-sub-user">人在追</em>
                        </span>
                        <p class="book-editor-info">穿越美漫世界，成为最强杀手，为所有人响起丧钟！</p>
                    </li>
                    <li class="book-editor-item">
                        <h3 class="book-editor-title"><a href="#" title="返回2006" class="book-editor-link">诸天万界之帝</a>
                        </h3>
                        <span class="book-editor-count">
                            <i class="book-read-user">12,457</i>
                            <em class="book-sub-user">人在追</em>
                        </span>
                        <p class="book-editor-info">“纣王下令，禁止钓鱼！”……姜子牙：???</p>
                    </li>
                </ul>
            </div>
            <div class="book-editor-img-box">
                <ul class="book-editor-ib-list clearfix">
                    <li class="book-editor-ib-item clearfix mr30">
                        <div class="book-editor-ib-info fl">
                            <h3 class="book-editor-ib-title mb10"><a href="#"
                                    class="book-editor-ib-link textoverflow">我上我真行我上我真行我上我真行我上我真行</a></h3>
                            <p class="book-editor-info">来自平行世界的普通上班族张鸿发现自己成了小鲜肉演的三流苦情电视剧导演。</p>
                        </div>
                        <div class="book-editor-ib-thumb fr">
                            <a href="#"><img src="images/ib1.jpg" alt="我上我真行" class="book-editor-ib-thumbimg"></a>
                        </div>
                    </li>
                    <li class="book-editor-ib-item clearfix">
                        <div class="book-editor-ib-info fl">
                            <h3 class="book-editor-ib-title mb10"><a href="#"
                                    class="book-editor-ib-link textoverflow book-editor-ib-linkcolor1">木叶养猫人</a></h3>
                            <p class="book-editor-info">成为二尾人柱力，在火影世界养猫。</p>
                        </div>
                        <div class="book-editor-ib-thumb fr">
                            <a href="#"><img src="images/ib2.jpg" alt="我上我真行" class="book-editor-ib-thumbimg"></a>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
        <div class="book-tuijian fr">
            <h3 class="book-tuijian-title">三江·网文新风
                <a href="#" class="more">更多<i class="iconfont icon-youjiantou"></i></a>
            </h3>
            <ul class="book-list">
                <li class="book-item">
                    <a href="#" class="book-classify">「都市」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">我上我真行</a>
                    </strong>
                    <a href="#" class="book-author">临时导演</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「悬疑」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">道长去哪了</a>
                        <em class="hot"></em>
                    </strong>
                    <a href="#" class="book-author">道馆招人</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「奇幻」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">木叶养猫人</a>
                        <em class="hot"></em>
                    </strong>
                    <a href="#" class="book-author">人柱力</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「仙侠」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">妖女请自重</a>
                    </strong>
                    <a href="#" class="book-author">持剑少女</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「都市」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">美漫大恶人</a>
                    </strong>
                    <a href="#" class="book-author">美漫</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「仙侠」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">某美漫的主神</a>
                    </strong>
                    <a href="#" class="book-author">美漫</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「科幻」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">联盟之侠客行</a>
                    </strong>
                    <a href="#" class="book-author">RW侠队</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「科幻」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">反派就很无敌</a>
                    </strong>
                    <a href="#" class="book-author">我是反派</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「历史」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">拜师四目道长</a>
                        <em class="hot"></em>
                    </strong>
                    <a href="#" class="book-author">诸天</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「历史」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">系统派我来抗战</a>
                    </strong>
                    <a href="#" class="book-author">民国抗战</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「仙侠」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">大明从慎重开始</a>
                    </strong>
                    <a href="#" class="book-author">慎重王者</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「都市」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">开挂无敌世家子</a>
                    </strong>
                    <a href="#" class="book-author">装逼系统</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「都市」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">从拍情景喜剧开始</a>
                    </strong>
                    <a href="#" class="book-author">喜剧之王</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「玄幻」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">我是如何当神豪的</a>
                    </strong>
                    <a href="#" class="book-author">无限额度</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「玄幻」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">我在幕后调教大佬</a>
                    </strong>
                    <a href="#" class="book-author">幕后黑手</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「轻小说」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">地球人实在太凶猛了</a>
                    </strong>
                    <a href="#" class="book-author">镇压异界</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「玄幻」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">这个男人明明很强却被要求嫁人</a>
                    </strong>
                    <a href="#" class="book-author">明明很强</a>
                </li>
                <li class="book-item">
                    <a href="#" class="book-classify">「页游」</a>
                    <strong class="book-title">
                        <a href="#" class="book-name">这！就是三国！</a>
                    </strong>
                    <a href="#" class="book-author">广告</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 广告位置 -->
    <div class="banner-wrap por w1200 mb30">
        <a href="#"><img src="images/banner-adv1.jpg" alt="游戏广告"><span class="adv-tag"></span></a>
    </div>
    <!-- 榜单 -->
    <div class="toprank-wrap w1200 mb30">
        <div class="toprank-container clearfix mb20">
            <div class="book-tuijian fl mr30">
                <h3 class="book-tuijian-title">起点月票榜·新书
                    <a href="#" class="more">更多<i class="iconfont icon-youjiantou"></i></a>
                </h3>
                <ul class="book-list">
                    <li class="book-item top1 clearfix">
                        <div class="book-info fl">
                            <strong class="top-num">NO.1</strong>
                            <h3 class="book-editor-title">
                                <a href="#" class="book-editor-link" title="佛系科技">御九天</a>
                            </h3>
                            <span class="top-total"><em class="top-tongji">36591</em>月票</span>
                            <p class="book-cata"><a href="#" class="book-type">仙侠</a><i class="top-dot">.</i><a href="#"
                                    class="book-author">骷髅精灵</a></p>
                        </div>
                        <div class="book-cover fr">
                            <a href="#"><img src="images/topcover1.jpg" alt="骷髅精灵" class="book-cover-img"></a>
                        </div>

                    </li>
                    <li class="book-item">
                        <span class="num num2">2</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="诡秘小说">诡秘小说</a>
                        </strong>
                        <span class="total textoverflow">245751</span>
                    </li>
                    <li class="book-item">
                        <span class="num num3">3</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="牧龙师">牧龙师</a>
                        </strong>
                        <span class="total textoverflow">245751</span>
                    </li>
                    <li class="book-item">
                        <span class="num">4</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="我真的不是气运之子">我真的不是气运之子</a>
                        </strong>
                        <span class="total textoverflow">245751</span>
                    </li>
                    <li class="book-item">
                        <span class="num">5</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="我真不是大魔王">我真不是大魔王</a>
                        </strong>
                        <span class="total textoverflow">245751</span>
                    </li>
                    <li class="book-item">
                        <span class="num">6</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="大制药师系统">大制药师系统</a>
                        </strong>
                        <span class="total textoverflow">245751</span>
                    </li>
                    <li class="book-item">
                        <span class="num">7</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="唐时明月宋时关">唐时明月宋时关</a>
                        </strong>
                        <span class="total textoverflow">245751</span>
                    </li>
                    <li class="book-item">
                        <span class="num">8</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="从精神病院走出的强者">从精神病院走出的强者</a>
                        </strong>
                        <span class="total textoverflow">245751</span>
                    </li>
                    <li class="book-item">
                        <span class="num">9</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="红楼春">红楼春</a>
                        </strong>
                        <span class="total textoverflow">245751</span>
                    </li>
                    <li class="book-item">
                        <span class="num">10</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="环球挖土党">环球挖土党</a>
                        </strong>
                        <span class="total textoverflow">245751</span>
                    </li>
                    <li class="book-item">
                        <span class="num">11</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="练习生从徒手劈砖开始">练习生从徒手劈砖开始</a>
                        </strong>
                        <span class="total textoverflow">245751</span>
                    </li>
                    <li class="book-item">
                        <span class="num">12</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="禁区之狐">禁区之狐</a>
                        </strong>
                        <span class="total textoverflow">245751</span>
                    </li>
                    <li class="book-item">
                        <span class="num">13</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="现在我想做个好人">现在我想做个好人</a>
                        </strong>
                        <span class="total textoverflow">245751</span>
                    </li>
                    <li class="book-item">
                        <span class="num">14</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="三界劳改局">三界劳改局</a>
                        </strong>
                        <span class="total textoverflow">245751</span>
                    </li>
                    <li class="book-item">
                        <span class="num">15</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name">梦回大明春</a>
                        </strong>
                        <span class="total textoverflow">245751</span>
                    </li>

                </ul>
            </div>
            <div class="book-tuijian fl mr30">
                <h3 class="book-tuijian-title">24小时热销榜
                    <a href="#" class="more">更多<i class="iconfont icon-youjiantou"></i></a>
                </h3>
                <ul class="book-list">
                    <li class="book-item top1 clearfix">
                        <div class="book-info fl">
                            <strong class="top-num">NO.1</strong>
                            <h3 class="book-editor-title">
                                <a href="#" class="book-editor-link" title="佛系科技">万族之劫</a>
                            </h3>
                            <span class="top-total"><em class="top-tongji f16">销量冠军</em></span>
                            <p class="book-cata"><a href="#" class="book-type">仙侠</a><i class="top-dot">.</i><a href="#"
                                    class="book-author">骷髅精灵</a></p>
                        </div>
                        <div class="book-cover fr">
                            <a href="#"><img src="images/topcover2.jpg" alt="万族之劫" class="book-cover-img"></a>
                        </div>

                    </li>
                    <li class="book-item">
                        <span class="num num2">2</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="诡秘小说">我师兄实在太稳健了</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-weipaixu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num num3">3</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="牧龙师">第一序列</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">4</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="我真的不是气运之子">诡秘之主</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>

                    <li class="book-item">
                        <span class="num">5</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="梦回大明春"></a>当医生开了外挂</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">6</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="大制药师系统">平平无奇大师兄</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">7</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="唐时明月宋时关">亏成首富从游戏开始</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">8</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="从精神病院走出的强者">超神机械师</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">9</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="红楼春">我真没想当救世主啊</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">10</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="环球挖土党">环球挖土党</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">11</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="练习生从徒手劈砖开始">练习生从徒手劈砖开始</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">12</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="禁区之狐">禁区之狐</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">13</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="现在我想做个好人">现在我想做个好人</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">14</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="三界劳改局">三界劳改局</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">15</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name">梦回大明春</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>

                </ul>
            </div>
            <div class="book-tuijian fl mr30">
                <h3 class="book-tuijian-title">新增粉丝榜
                    <a href="#" class="more">更多<i class="iconfont icon-youjiantou"></i></a>
                </h3>
                <ul class="book-list">
                    <li class="book-item top1 clearfix">
                        <div class="book-info fl">
                            <strong class="top-num">NO.1</strong>
                            <h3 class="book-editor-title">
                                <a href="#" class="book-editor-link" title="佛系科技">御九天</a>
                            </h3>
                            <span class="top-total"><em class="top-tongji f16">增长最快</em></span>
                            <p class="book-cata"><a href="#" class="book-type">仙侠</a><i class="top-dot">.</i><a href="#"
                                    class="book-author">骷髅精灵</a></p>
                        </div>
                        <div class="book-cover fr">
                            <a href="#"><img src="images/topcover1.jpg" alt="骷髅精灵" class="book-cover-img"></a>
                        </div>

                    </li>
                    <li class="book-item">
                        <span class="num num2">2</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="诡秘小说">大奉打更人</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num num3">3</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="牧龙师">牧龙师</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">4</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="我真的不是气运之子">万族之劫</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">5</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="我真不是大魔王">我真没想当救世主啊</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">6</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="大制药师系统">挂机死神就能变强</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-weipaixu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">7</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="唐时明月宋时关">平平无奇大师兄</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">8</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="从精神病院走出的强者">游戏铜币能提现</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">9</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="红楼春">我师兄实在太稳健了</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">10</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="环球挖土党">环球挖土党</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">11</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="练习生从徒手劈砖开始">我真没想当救世主啊</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">12</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="禁区之狐">烂柯棋缘</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">13</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="现在我想做个好人">轮回乐园</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">14</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="三界劳改局">璀璨城13科的吉恩</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">15</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name">我真没想重生啊</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>

                </ul>
            </div>
            <div class="book-tuijian fl mr30">
                <h3 class="book-tuijian-title">阅读指数榜
                    <a href="#" class="more">更多<i class="iconfont icon-youjiantou"></i></a>
                </h3>
                <ul class="book-list">
                    <li class="book-item top1 clearfix">
                        <div class="book-info fl">
                            <strong class="top-num">NO.1</strong>
                            <h3 class="book-editor-title">
                                <a href="#" class="book-editor-link" title="佛系科技">万族之劫</a>
                            </h3>
                            <span class="top-total"><em class="top-tongji f16">本周最强</em></span>
                            <p class="book-cata"><a href="#" class="book-type">仙侠</a><i class="top-dot">.</i><a href="#"
                                    class="book-author">骷髅精灵</a></p>
                        </div>
                        <div class="book-cover fr">
                            <a href="#"><img src="images/topcover2.jpg" alt="万族之劫" class="book-cover-img"></a>
                        </div>

                    </li>
                    <li class="book-item">
                        <span class="num num2">2</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="诡秘小说">我师兄实在太稳健了</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-weipaixu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num num3">3</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="牧龙师">我真没想重生啊</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">4</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="我真的不是气运之子">我真的不是气运之子</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-weipaixu"></i></span>
                    </li>

                    <li class="book-item">
                        <span class="num">5</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="梦回大明春"></a>轮回乐园</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">6</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="大制药师系统">大制药师系统</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-weipaixu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">7</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="唐时明月宋时关">明天下</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">8</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="从精神病院走出的强者">从精神病院走出的强者</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-weipaixu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">9</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="红楼春">红楼春</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">10</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="环球挖土党">环球挖土党</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">11</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="练习生从徒手劈砖开始">练习生从徒手劈砖开始</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">12</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="禁区之狐">禁区之狐</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">13</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="现在我想做个好人">现在我想做个好人</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">14</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="三界劳改局">三界劳改局</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">15</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name">梦回大明春</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>

                </ul>
            </div>
            <div class="book-tuijian fl">
                <h3 class="book-tuijian-title">签约作者新书榜
                    <a href="#" class="more">更多<i class="iconfont icon-youjiantou"></i></a>
                </h3>
                <ul class="book-list">
                    <li class="book-item top1 clearfix">
                        <div class="book-info fl">
                            <strong class="top-num">NO.1</strong>
                            <h3 class="book-editor-title">
                                <a href="#" class="book-editor-link" title="佛系科技">白骨大圣</a>
                            </h3>
                            <span class="top-total"><em class="top-tongji f16">本周最强</em></span>
                            <p class="book-cata"><a href="#" class="book-type">仙侠</a><i class="top-dot">.</i><a href="#"
                                    class="book-author">骷髅精灵</a></p>
                        </div>
                        <div class="book-cover fr">
                            <a href="#"><img src="images/topcover3.jpg" alt="白骨大圣" class="book-cover-img"></a>
                        </div>

                    </li>
                    <li class="book-item">
                        <span class="num num2">2</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="诡秘小说">大唐杨国舅</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-weipaixu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num num3">3</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="牧龙师">拯救全球</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">4</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="我真的不是气运之子">武谪仙</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>

                    <li class="book-item">
                        <span class="num">5</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="梦回大明春"></a>南明第一狠人</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-weipaixu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">6</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="大制药师系统">左道倾天</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">7</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="唐时明月宋时关">再来一发十连</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">8</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="从精神病院走出的强者">超凡神话时代</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">9</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="红楼春">洪荒来了</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">10</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="环球挖土党">餐饮大佬</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">11</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="练习生从徒手劈砖开始">刺客之王</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">12</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="禁区之狐">大唐的玩家们</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">13</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="现在我想做个好人">世子很凶</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">14</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="三界劳改局">酒店供应商</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">15</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name">黎明之剑</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>

                </ul>
            </div>
        </div>
        <div class="btn-more-wrap">
            <a href="javascript:;" class="btn-more">展开更多</a>
        </div>
    </div>
    <!-- 广告位 -->
    <div class="banner-wrap w1200 por mb40">
        <a href="#"><img src="images/banner-adv2.jpg" alt="游戏名称"> <span class="adv-tag"></span></a>
    </div>
    <!-- 热门作品 -->
    <div class="hot-work-wrap clearfix w1200">
        <div class="hot-work-box fl">
            <h3 class="book-tuijian-title">
                热门作品
            </h3>
            <div class="round-carousel-wrap">
                <div class="round-carousel mb30">
                    <ul class="round-carousel-list por">
                        <li>
                            <a href="#"><img src="images/r1.jpg" alt="书籍名称" class="round-img"></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/r2.jpg" alt="书籍名称" class="round-img"></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/r3.jpg" alt="书籍名称" class="round-img"></a>
                        </li>
                    </ul>
                </div>
                <div class="round-info">
                    <ul class="round-info-list">
                        <li class="round-info-item">
                            <h3 class="carousel-des-title"><a href="#">我在西北开加油站</a></h3>
                            <a href="#" class="round-author">爸爸无敌</a>
                            <p class="round-total">
                                <i class="total-num">189,514</i>
                                人气
                            </p>
                            <p class="round-info-des">
                                陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。
                            </p>
                            <a href="#" class="btn-read">书籍详情</a>
                        </li>
                        <li class="round-info-item none">
                            <h3 class="carousel-des-title"><a href="#">从山寨npc到大BOSS</a></h3>
                            <a href="#" class="round-author">爸爸无敌</a>
                            <p class="round-total">
                                <i class="total-num">189,514</i>
                                人气
                            </p>
                            <p class="round-info-des">
                                陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。
                            </p>
                            <a href="#" class="btn-read">书籍详情</a>
                        </li>
                        <li class="round-info-item none">
                            <h3 class="carousel-des-title"><a href="#">大明最后一个狠人</a></h3>
                            <a href="#" class="round-author">爸爸无敌</a>
                            <p class="round-total">
                                <i class="total-num">189,514</i>
                                人气
                            </p>
                            <p class="round-info-des">
                                陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。
                            </p>
                            <a href="#" class="btn-read">书籍详情</a>
                        </li>
                    </ul>

                </div>
            </div>
        </div>
        <div class="hot-classify-wrap fr">
            <div class="hot-classify-container clearfix">
                <dl class="hot-classify-list">
                    <dt class="hot-classify-title por mb5">
                        <h3 class="book-tuijian-title">玄幻·奇幻</h3>
                        <i class="icon-classify qhxh"></i>
                    </dt>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「玄幻」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">我的系统平平无奇无奇无奇无奇无奇</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「奇幻」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">种田在无尽海域</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「玄幻」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">三昧真火焚山煮海！</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「奇幻」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">穿越成青蛇里的法海</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「奇幻」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">自己竟成了别人眼中的天才</a>
                        </strong>
                    </dd>

                </dl>
                <dl class="hot-classify-list">
                    <dt class="hot-classify-title por mb5">
                        <h3 class="book-tuijian-title">武侠·仙侠</h3>
                        <i class="icon-classify wxxx"></i>
                    </dt>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「武侠」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">术修大巫</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「武侠」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">西游之我只是河神</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「仙侠」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">林剑有了个仙子老婆！</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「仙侠」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">游医穿越仙侠世界</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「仙侠」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">小和尚获得无敌升级系统</a>
                        </strong>
                    </dd>

                </dl>
                <dl class="hot-classify-list">
                    <dt class="hot-classify-title por mb5">
                        <h3 class="book-tuijian-title">都市·现实</h3>
                        <i class="icon-classify dsxs"></i>
                    </dt>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「都市」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">大富翁游戏，每天投次骰子</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「都市」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">成名从开始向往开始</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「都市」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">穿越电影世界，开了反派挂</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「现实」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">从反派开始的影帝之路</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「现实」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">哈佛高材生试图重振中医</a>
                        </strong>
                    </dd>

                </dl>
                <dl class="hot-classify-list">
                    <dt class="hot-classify-title por mb5">
                        <h3 class="book-tuijian-title">历史·军事</h3>
                        <i class="icon-classify lsjs"></i>
                    </dt>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「历史」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">我居然是大唐皇长子！</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「历史」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">过于谨慎成剑神后出山发现</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「历史」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">宋江起义，靖康之难</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「军事」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">朝为田舍郎，暮登天子堂</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「军事」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">在士兵突击的二次军旅生涯</a>
                        </strong>
                    </dd>

                </dl>
                <dl class="hot-classify-list">
                    <dt class="hot-classify-title por mb5">
                        <h3 class="book-tuijian-title">游戏·体育</h3>
                        <i class="icon-classify yxty"></i>
                    </dt>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「游戏」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">我看穿了一切</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「游戏」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">我大舅子是三国名将</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「游戏」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">我这不是乱杀</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「游戏」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">遇事不决开个光</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「体育」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">足球场上的超级教父</a>
                        </strong>
                    </dd>

                </dl>
                <dl class="hot-classify-list">
                    <dt class="hot-classify-title por mb5">
                        <h3 class="book-tuijian-title">科幻·悬疑</h3>
                        <i class="icon-classify khxy"></i>
                    </dt>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「科幻」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">穿越流浪地球当学生</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「科幻」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">携狠人传承到庆余年</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「悬疑」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">火箭引擎批发</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「悬疑」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">哥谭守护者和海盗王</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「悬疑」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">从被电台套路开始踏入诡秘</a>
                        </strong>
                    </dd>

                </dl>
                <dl class="hot-classify-list">
                    <dt class="hot-classify-title por mb5">
                        <h3 class="book-tuijian-title">轻小说</h3>
                        <i class="icon-classify qxs"></i>
                    </dt>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「轻小说」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">横练鸣人火影无敌</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「轻小说」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">斗罗里的宝葫芦</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「轻小说」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">苟到结局的宇智波</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「轻小说」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">穿越游戏反派NPC</a>
                        </strong>
                    </dd>
                    <dd class="book-item">
                        <a href="#" class="book-classify">「轻小说」</a>
                        <strong class="book-title">
                            <a href="#" class="book-name">替身使者降临海贼</a>
                        </strong>
                    </dd>

                </dl>
                <dl class="hot-classify-list last-box">
                    <dd class="book-item clearfix firstlast">
                        <div class="book-info fl">
                            <span class="tag">娱乐明星</span>
                            <h3 class="book-editor-title">
                                <a href="#" class="book-editor-link" title="巨星从影视学院开始">巨星从影视学院开始</a>
                            </h3>
                            <span class="top-total"><em class="top-tongji">1,462,113</em>人气</span>
                            <p class="book-cata">韩飞刚穿越就要面对艺考！</p>
                        </div>
                        <div class="book-cover fr">
                            <a href="#"><img src="images/last1.jpg" alt="骷髅精灵" class="book-cover-img"></a>
                        </div>
                    </dd>
                    <dd class="book-item clearfix">
                        <div class="book-info fl">
                            <span class="tag">娱乐明星</span>
                            <h3 class="book-editor-title">
                                <a href="#" class="book-editor-link" title="巨星从影视学院开始">巨星从影视学院开始</a>
                            </h3>
                            <span class="top-total"><em class="top-tongji">1,462,113</em>人气</span>
                            <p class="book-cata">韩飞刚穿越就要面对艺考！</p>
                        </div>
                        <div class="book-cover fr">
                            <a href="#"><img src="images/last2.jpg" alt="骷髅精灵" class="book-cover-img"></a>
                        </div>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <!-- 新书推荐 -->
    <div class="newbook-wrap w1200 clearfix mb40">
        <div class="book-left-wrap fl clearfix">
            <h3 class="book-tuijian-title">新书推荐 <span class="book-count">上周入库4809本</span>
            </h3>
            <div class="round-carousel-wrap fl mr30">
                <div class="round-carousel mb30">
                    <ul class="round-carousel-list por">
                        <li>
                            <a href="#"><img src="images/r1.jpg" alt="书籍名称" class="round-img"></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/r2.jpg" alt="书籍名称" class="round-img"></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/r3.jpg" alt="书籍名称" class="round-img"></a>
                        </li>
                    </ul>
                </div>
                <div class="round-info">
                    <ul class="round-info-list">
                        <li class="round-info-item">
                            <h3 class="carousel-des-title"><a href="#">我在西北开加油站</a></h3>
                            <p class="author-wrap"><a href="#" class="round-author">爸爸无敌</a><i
                                    class="book-dot">.</i>日更千字</p>
                            <p class="round-total">
                                <i class="total-num">189,514</i>
                                人气
                            </p>
                            <p class="round-info-des">
                                陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。
                            </p>
                            <a href="#" class="btn-read">书籍详情</a>
                        </li>
                        <li class="round-info-item none">
                            <h3 class="carousel-des-title"><a href="#">从山寨npc到大BOSS</a></h3>
                            <a href="#" class="round-author">爸爸无敌</a>
                            <p class="round-total">
                                <i class="total-num">189,514</i>
                                人气
                            </p>
                            <p class="round-info-des">
                                陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。
                            </p>
                            <a href="#" class="btn-read">书籍详情</a>
                        </li>
                        <li class="round-info-item none">
                            <h3 class="carousel-des-title"><a href="#">大明最后一个狠人</a></h3>
                            <a href="#" class="round-author">爸爸无敌</a>
                            <p class="round-total">
                                <i class="total-num">189,514</i>
                                人气
                            </p>
                            <p class="round-info-des">
                                陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。
                            </p>
                            <a href="#" class="btn-read">书籍详情</a>
                        </li>
                    </ul>

                </div>
            </div>
            <div class="book-center-wrap fr">
                <ul class="book-list clearfix">
                    <li class="book-item">
                        <div class="book-img fl">
                            <a href="#"><img src="images/b1.jpg" alt="书籍名称" class="book-editor-ib-thumbimg"></a>
                        </div>
                        <div class="book-des fr">
                            <h3 class="book-editor-link mb10"><a href="#" title="开挂从北美开始">开挂从北美开始</a></h3>
                            <p class="book-editor-info">叮，你的新手奖励两万美金已到帐，请进行你人生第一次直播的任务。</p>
                            <div class="book-tags clearfix">
                                <a href="#" class="fl book-user-box"><img src="images/user.png" class="user"><span
                                        class="user-author">赌你枪没子弹子弹子弹子弹</span></a>
                                <span class="tag fr">日更千字</span>
                                <span class="tag fr tag1">异术超能</span>
                            </div>
                        </div>
                    </li>
                    <li class="book-item">
                        <div class="book-img fl">
                            <a href="#"><img src="images/b2.jpg" alt="书籍名称" class="book-editor-ib-thumbimg"></a>
                        </div>
                        <div class="book-des fr">
                            <h3 class="book-editor-link mb10"><a href="#" title="开挂从北美开始">最潮爷爷，时尚老头</a></h3>
                            <p class="book-editor-info">三十岁的灵魂，六十岁的身体，这是一个有趣的老头混圈的故事。</p>
                            <div class="book-tags clearfix">
                                <a href="#" class="fl book-user-box"><img src="images/user.png" class="user"><span
                                        class="user-author">庞逗逗</span></a>
                                <span class="tag fr">日更千字</span>
                                <span class="tag fr tag1">异术超能</span>
                            </div>
                        </div>
                    </li>
                    <li class="book-item">
                        <div class="book-img fl">
                            <a href="#"><img src="images/b3.jpg" alt="书籍名称" class="book-editor-ib-thumbimg"></a>
                        </div>
                        <div class="book-des fr">
                            <h3 class="book-editor-link mb10"><a href="#" title="开挂从北美开始">从流浪地球开始</a></h3>
                            <p class="book-editor-info">一起流浪吧小破球，前往新家园的路上，我罩着你……</p>
                            <div class="book-tags clearfix">
                                <a href="#" class="fl book-user-box"><img src="images/user.png" class="user"><span
                                        class="user-author">石闻</span></a>
                                <span class="tag fr">日更千字</span>
                                <span class="tag fr tag1">异术超能</span>
                            </div>
                        </div>
                    </li>
                    <li class="book-item">
                        <div class="book-img fl">
                            <a href="#"><img src="images/b4.jpg" alt="书籍名称" class="book-editor-ib-thumbimg"></a>
                        </div>
                        <div class="book-des fr">
                            <h3 class="book-editor-link mb10"><a href="#" title="开挂从北美开始">莽着活下去的明末</a></h3>
                            <p class="book-editor-info">独善其身绝对不行，没有退路，就要一波，莽上去，淦！</p>
                            <div class="book-tags clearfix">
                                <a href="#" class="fl book-user-box"><img src="images/user.png" class="user"><span
                                        class="user-author">北容楠</span></a>
                                <span class="tag fr">日更千字</span>
                                <span class="tag fr tag1">异术超能</span>
                            </div>
                        </div>
                    </li>
                    <li class="book-item">
                        <div class="book-img fl">
                            <a href="#"><img src="images/b5.jpg" alt="书籍名称" class="book-editor-ib-thumbimg"></a>
                        </div>
                        <div class="book-des fr">
                            <h3 class="book-editor-link mb10"><a href="#" title="开挂从北美开始">恶魔果实？我没兴趣！</a></h3>
                            <p class="book-editor-info">获得替身能力，来到海贼世界。</p>
                            <div class="book-tags clearfix">
                                <a href="#" class="fl book-user-box"><img src="images/user.png" class="user"><span
                                        class="user-author">翼赤火</span></a>
                                <span class="tag fr">日更千字</span>
                                <span class="tag fr tag1">异术超能</span>
                            </div>
                        </div>
                    </li>
                    <li class="book-item">
                        <div class="book-img fl">
                            <a href="#"><img src="images/b6.jpg" alt="书籍名称" class="book-editor-ib-thumbimg"></a>
                        </div>
                        <div class="book-des fr">
                            <h3 class="book-editor-link mb10"><a href="#" title="开挂从北美开始">带着吃鸡系统当佣兵</a></h3>
                            <p class="book-editor-info">带着绝地求生和COD系统，从佣兵开始做起！</p>
                            <div class="book-tags clearfix">
                                <a href="#" class="fl book-user-box"><img src="images/user.png" class="user"><span
                                        class="user-author">猪神不吃糖</span></a>
                                <span class="tag fr">日更千字</span>
                                <span class="tag fr tag1">异术超能</span>
                            </div>
                        </div>
                    </li>

                </ul>
                <div class="line line1"></div>
                <div class="line line2"></div>
            </div>
        </div>
        <div class="toprank-wrap fr">
            <div class="book-tuijian">
                <h3 class="book-tuijian-title">签约作者新书榜
                    <a href="#" class="more">更多<i class="iconfont icon-youjiantou"></i></a>
                </h3>
                <ul class="book-list">
                    <li class="book-item top1 clearfix">
                        <div class="book-info fl">
                            <strong class="top-num">NO.1</strong>
                            <h3 class="book-editor-title">
                                <a href="#" class="book-editor-link" title="佛系科技">白骨大圣</a>
                            </h3>
                            <span class="top-total"><em class="top-tongji f16">本周最强</em></span>
                            <p class="book-cata"><a href="#" class="book-type">仙侠</a><i class="top-dot">.</i><a href="#"
                                    class="book-author">骷髅精灵</a></p>
                        </div>
                        <div class="book-cover fr">
                            <a href="#"><img src="images/topcover3.jpg" alt="白骨大圣" class="book-cover-img"></a>
                        </div>

                    </li>
                    <li class="book-item">
                        <span class="num num2">2</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="诡秘小说">大唐杨国舅</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-weipaixu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num num3">3</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="牧龙师">拯救全球</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">4</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="我真的不是气运之子">武谪仙</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>

                    <li class="book-item">
                        <span class="num">5</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="梦回大明春"></a>南明第一狠人
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-weipaixu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">6</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="大制药师系统">左道倾天</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-jiangxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">7</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="唐时明月宋时关">再来一发十连</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">8</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="从精神病院走出的强者">超凡神话时代</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">9</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="红楼春">洪荒来了</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>
                    <li class="book-item">
                        <span class="num">10</span>
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="环球挖土党">餐饮大佬</a>
                        </strong>
                        <span class="total textoverflow"><i class="iconfont icon-shengxu"></i></span>
                    </li>


                </ul>
            </div>
        </div>
    </div>
    <!-- 三个banner广告条 -->
    <div class="banner-wrap w1200 clearfix mb40">
        <div class="banner-item fl">
            <a href="#"><img src="images/banner1.png" alt="游戏广告名称"></a>
        </div>
        <div class="banner-item fl">
            <a href="#"><img src="images/banner2.png" alt="游戏广告名称"></a>
        </div>
        <div class="banner-item fl">
            <a href="#"><img src="images/banner3.jpg" alt="游戏广告名称"></a>
        </div>
    </div>
    <!-- 完本精品 -->
    <div class="newbook-wrap w1200 clearfix mb40">
        <div class="book-left-wrap fl clearfix">
            <h3 class="book-tuijian-title">完本精品 <span class="book-count">完本总数24004本</span>
                <a href="#" class="more">更多<i class="iconfont icon-youjiantou"></i></a>
            </h3>
            <div class="round-carousel-wrap fl mr30">
                <div class="round-carousel mb30">
                    <ul class="round-carousel-list por">
                        <li>
                            <a href="#"><img src="images/r1.jpg" alt="书籍名称" class="round-img"></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/r2.jpg" alt="书籍名称" class="round-img"></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/r3.jpg" alt="书籍名称" class="round-img"></a>
                        </li>
                    </ul>
                </div>
                <div class="round-info">
                    <ul class="round-info-list">
                        <li class="round-info-item">
                            <h3 class="carousel-des-title"><a href="#">我在西北开加油站</a></h3>
                            <p class="author-wrap"><a href="#" class="round-author">爸爸无敌</a><i
                                    class="book-dot">.</i>日更千字</p>
                            <p class="round-total">
                                <i class="total-num">189,514</i>
                                人气
                            </p>
                            <p class="round-info-des">
                                陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。
                            </p>
                            <a href="#" class="btn-read">书籍详情</a>
                        </li>
                        <li class="round-info-item none">
                            <h3 class="carousel-des-title"><a href="#">从山寨npc到大BOSS</a></h3>
                            <a href="#" class="round-author">爸爸无敌</a>
                            <p class="round-total">
                                <i class="total-num">189,514</i>
                                人气
                            </p>
                            <p class="round-info-des">
                                陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。
                            </p>
                            <a href="#" class="btn-read">书籍详情</a>
                        </li>
                        <li class="round-info-item none">
                            <h3 class="carousel-des-title"><a href="#">大明最后一个狠人</a></h3>
                            <a href="#" class="round-author">爸爸无敌</a>
                            <p class="round-total">
                                <i class="total-num">189,514</i>
                                人气
                            </p>
                            <p class="round-info-des">
                                陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。
                            </p>
                            <a href="#" class="btn-read">书籍详情</a>
                        </li>
                    </ul>

                </div>
            </div>
            <div class="book-center-wrap fr">
                <ul class="book-list clearfix">
                    <li class="book-item">
                        <div class="book-img fl">
                            <a href="#"><img src="images/b1.jpg" alt="书籍名称" class="book-editor-ib-thumbimg">
                                <span class="score">9.1</span>
                            </a>
                        </div>
                        <div class="book-des fr">
                            <h3 class="book-editor-link mb10"><a href="#" title="开挂从北美开始">开挂从北美开始</a></h3>
                            <p class="book-editor-info">叮，你的新手奖励两万美金已到帐，请进行你人生第一次直播的任务。</p>
                            <div class="book-tags clearfix">
                                <a href="#" class="fl book-user-box"><img src="images/user.png" class="user"><span
                                        class="user-author">赌你枪没子弹子弹子弹子弹</span></a>
                                <span class="tag fr">日更千字</span>
                                <span class="tag fr tag1">异术超能</span>
                            </div>
                        </div>
                    </li>
                    <li class="book-item">
                        <div class="book-img fl">
                            <a href="#"><img src="images/b2.jpg" alt="书籍名称" class="book-editor-ib-thumbimg"><span
                                    class="score">9.1</span></a>
                        </div>
                        <div class="book-des fr">
                            <h3 class="book-editor-link mb10"><a href="#" title="开挂从北美开始">最潮爷爷，时尚老头</a></h3>
                            <p class="book-editor-info">三十岁的灵魂，六十岁的身体，这是一个有趣的老头混圈的故事。</p>
                            <div class="book-tags clearfix">
                                <a href="#" class="fl book-user-box"><img src="images/user.png" class="user"><span
                                        class="user-author">庞逗逗</span></a>
                                <span class="tag fr">日更千字</span>
                                <span class="tag fr tag1">异术超能</span>
                            </div>
                        </div>
                    </li>
                    <li class="book-item">
                        <div class="book-img fl">
                            <a href="#"><img src="images/b3.jpg" alt="书籍名称" class="book-editor-ib-thumbimg"><span
                                    class="score">9.1</span></a>
                        </div>
                        <div class="book-des fr">
                            <h3 class="book-editor-link mb10"><a href="#" title="开挂从北美开始">从流浪地球开始</a></h3>
                            <p class="book-editor-info">一起流浪吧小破球，前往新家园的路上，我罩着你……</p>
                            <div class="book-tags clearfix">
                                <a href="#" class="fl book-user-box"><img src="images/user.png" class="user"><span
                                        class="user-author">石闻</span></a>
                                <span class="tag fr">日更千字</span>
                                <span class="tag fr tag1">异术超能</span>
                            </div>
                        </div>
                    </li>
                    <li class="book-item">
                        <div class="book-img fl">
                            <a href="#"><img src="images/b4.jpg" alt="书籍名称" class="book-editor-ib-thumbimg"><span
                                    class="score">9.6</span></a>
                        </div>
                        <div class="book-des fr">
                            <h3 class="book-editor-link mb10"><a href="#" title="开挂从北美开始">莽着活下去的明末</a></h3>
                            <p class="book-editor-info">独善其身绝对不行，没有退路，就要一波，莽上去，淦！</p>
                            <div class="book-tags clearfix">
                                <a href="#" class="fl book-user-box"><img src="images/user.png" class="user"><span
                                        class="user-author">北容楠</span></a>
                                <span class="tag fr">日更千字</span>
                                <span class="tag fr tag1">异术超能</span>
                            </div>
                        </div>
                    </li>
                    <li class="book-item">
                        <div class="book-img fl">
                            <a href="#"><img src="images/b5.jpg" alt="书籍名称" class="book-editor-ib-thumbimg"><span
                                    class="score">8.5</span></a>
                        </div>
                        <div class="book-des fr">
                            <h3 class="book-editor-link mb10"><a href="#" title="开挂从北美开始">恶魔果实？我没兴趣！</a></h3>
                            <p class="book-editor-info">获得替身能力，来到海贼世界。</p>
                            <div class="book-tags clearfix">
                                <a href="#" class="fl book-user-box"><img src="images/user.png" class="user"><span
                                        class="user-author">翼赤火</span></a>
                                <span class="tag fr">日更千字</span>
                                <span class="tag fr tag1">异术超能</span>
                            </div>
                        </div>
                    </li>
                    <li class="book-item">
                        <div class="book-img fl">
                            <a href="#"><img src="images/b6.jpg" alt="书籍名称" class="book-editor-ib-thumbimg"><span
                                    class="score">8.1</span></a>
                        </div>
                        <div class="book-des fr">
                            <h3 class="book-editor-link mb10"><a href="#" title="开挂从北美开始">带着吃鸡系统当佣兵</a></h3>
                            <p class="book-editor-info">带着绝地求生和COD系统，从佣兵开始做起！</p>
                            <div class="book-tags clearfix">
                                <a href="#" class="fl book-user-box"><img src="images/user.png" class="user"><span
                                        class="user-author">猪神不吃糖</span></a>
                                <span class="tag fr">日更千字</span>
                                <span class="tag fr tag1">异术超能</span>
                            </div>
                        </div>
                    </li>

                </ul>
                <div class="line line1"></div>
                <div class="line line2"></div>
            </div>
        </div>
        <div class="toprank-wrap fr">
            <div class="book-tuijian score-width">
                <h3 class="book-tuijian-title">最近完本
                </h3>
                <ul class="book-list">
                    <li class="book-item top1 clearfix">
                        <div class="book-info fl">
                            <strong class="top-num right-wrap-tag">玄幻</strong>
                            <h3 class="book-editor-title">
                                <a href="#" class="book-editor-link" title="佛系科技">白骨大圣</a>
                            </h3>
                            <span class="top-total">9.2分<i class="book-dot">.</i>446万字</span>
                            <p class="book-cata"><a href="#" class="book-type">仙侠</a><i class="top-dot">.</i><a href="#"
                                    class="book-author">骷髅精灵</a></p>
                        </div>
                        <div class="book-cover fr">
                            <a href="#"><img src="images/topcover3.jpg" alt="白骨大圣" class="book-cover-img"></a>
                        </div>

                    </li>
                    <li class="book-item">
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="诡秘小说">大唐杨国舅</a>
                        </strong>
                        <span class="total textoverflow">336万字</span>
                    </li>
                    <li class="book-item">
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="牧龙师">拯救全球</a>
                        </strong>
                        <span class="total textoverflow">336万字</span>
                    </li>
                    <li class="book-item">
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="我真的不是气运之子">武谪仙</a>
                        </strong>
                        <span class="total textoverflow">336万字</span>
                    </li>

                    <li class="book-item">
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="梦回大明春"></a>南明第一狠人
                        </strong>
                        <span class="total textoverflow">336万字</span>
                    </li>
                    <li class="book-item">
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="大制药师系统">左道倾天</a>
                        </strong>
                        <span class="total textoverflow">336万字</span>
                    </li>
                    <li class="book-item">
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="唐时明月宋时关">再来一发十连</a>
                        </strong>
                        <span class="total textoverflow">336万字</span>
                    </li>
                    <li class="book-item">
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="从精神病院走出的强者">超凡神话时代</a>
                        </strong>
                        <span class="total textoverflow">336万字</span>
                    </li>
                    <li class="book-item">
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="红楼春">洪荒来了</a>
                        </strong>
                        <span class="total textoverflow">336万字</span>
                    </li>
                    <li class="book-item">
                        <strong class="book-title textoverflow">
                            <a href="#" class="book-name" title="环球挖土党">餐饮大佬</a>
                        </strong>
                        <span class="total textoverflow">336万字</span>
                    </li>


                </ul>
            </div>
        </div>
    </div>
    <!-- 最近更新 -->
    <div class="update-wrap w1200 clearfix mb40">
        <div class="book-left-wrap fl">

            <h3 class="book-tuijian-title">最近更新 <span class="book-count">完本总数24004本</span>
                <div class="update-more fr">
                    <a href="#" class="update-total">全部</a>
                    <i class="splite">|</i>
                    <a href="#" class="more">更多<i class="iconfont icon-youjiantou"></i></a>
                </div>
            </h3>
            <div class="book-update-wrap fl">
                <ul class="book-update-list">
                    <li class="book-update-item">
                        <div class="book-update-content clearfix mb10">
                            <div class="book-cover fl">
                                <a href="#"><img src="images/up1.jpg" alt="白骨大圣" class="book-cover-img"></a>
                            </div>
                            <div class="book-info fr">
                                <h3 class="book-editor-title">
                                    <a href="#" class="book-editor-link" title="佛系科技">开局签到十万亿</a>
                                </h3>
                                <span class="top-total">日更千字</span>
                                <p class="book-cata"><a href="#" class="user-author">霜华浓似雪</a></p>
                            </div>
                        </div>
                        <p class="round-info-des">
                            陈牧来到了大西北，继承老爸老妈奋斗了一辈子的事业——加油站。
                        </p>
                    </li>
                    <li class="book-update-item">
                        <div class="book-update-content clearfix mb10">
                            <div class="book-cover fl">
                                <a href="#"><img src="images/up2.jpg" alt="白骨大圣" class="book-cover-img"></a>
                            </div>
                            <div class="book-info fr">
                                <h3 class="book-editor-title">
                                    <a href="#" class="book-editor-link" title="佛系科技">星际争霸打穿美漫</a>
                                </h3>
                                <span class="top-total">日更千字</span>
                                <p class="book-cata"><a href="#" class="user-author">骷髅精灵</a></p>
                            </div>
                        </div>
                        <p class="round-info-des">
                            不要得意，萨诺斯，达拉姆的黄金舰队会把你们全部消灭！
                        </p>
                    </li>
                    <li class="book-update-item">
                        <div class="book-update-content clearfix mb10">
                            <div class="book-cover fl">
                                <a href="#"><img src="images/up3.jpg" alt="白骨大圣" class="book-cover-img"></a>
                            </div>
                            <div class="book-info fr">
                                <h3 class="book-editor-title">
                                    <a href="#" class="book-editor-link" title="佛系科技">好莱坞往事</a>
                                </h3>
                                <span class="top-total">日更千字</span>
                                <p class="book-cata"><a href="#" class="user-author">幸亏没去</a></p>
                            </div>
                        </div>
                        <p class="round-info-des">
                            穿越至九零年的洛杉矶，成为电影业巨头。
                        </p>
                    </li>
                </ul>
            </div>
            <div class="book-center-wrap fr">
                <table class="book-table">
                    <tbody>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「玄幻」</a></td>
                            <td><a href="#" title="这个领主有点不一般" class="update-book-name">这个领主有点不一般</a></td>
                            <td><a href="#" title="第六章答不答应是个问题"
                                    class="update-book-caption textoverflow">第六章答不答应是个问题第六章答不答应是个问题</a></td>
                            <td><a href="#" class="update-author">饿馍</a></td>
                            <td class="update-time">05-26 20:17</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「轻小说」</a></td>
                            <td><a href="#" title="这个领主有点不一般" class="update-book-name">西游多了个狠人</a></td>
                            <td><a href="#" title="第六章答不答应是个问题" class="update-book-caption textoverflow ">第五十一章人人挑战</a>
                                <span class="vip"></span>
                            </td>
                            <td><a href="#" class="update-author">冒泡的鲨鱼</a></td>
                            <td class="update-time">05-26 20:37</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「武侠」</a></td>
                            <td><a href="#" title="这个领主有点不一般" class="update-book-name">十世罗刹</a></td>
                            <td><a href="#" title="第六章答不答应是个问题" class="update-book-caption textoverflow">第四二一章破选项</a>
                            </td>
                            <td><a href="#" class="update-author">Lelori</a></td>
                            <td class="update-time">05-26 20:37</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「轻小说」</a></td>
                            <td><a href="#" title="这个领主有点不一般" class="update-book-name">斗破里我是柳席</a></td>
                            <td><a href="#" title="第六章答不答应是个问题" class="update-book-caption textoverflow ">第六十章到达黑岩城</a>
                                <span class="vip"></span>
                            </td>
                            <td><a href="#" class="update-author">平凡之嗣</a></td>
                            <td class="update-time">05-26 20:17</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「轻小说」</a></td>
                            <td><a href="#" title="海贼之黑公爵" class="update-book-name">海贼之黑公爵</a></td>
                            <td><a href="#" title="907.规律果实的诡异能力"
                                    class="update-book-caption textoverflow ">907.规律果实的诡异能力</a>
                                <span class="vip"></span>
                            </td>
                            <td><a href="#" class="update-author">斑瓓</a></td>
                            <td class="update-time">05-26 20:17</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「玄幻」</a></td>
                            <td><a href="#" title="海贼之黑公爵" class="update-book-name">混沌图书馆秦时苍龙</a></td>
                            <td><a href="#" title="第四章相遇焱妃" class="update-book-caption textoverflow ">第四章相遇焱妃</a>
                            </td>
                            <td><a href="#" class="update-author">凡尘主宰</a></td>
                            <td class="update-time">05-26 20:17</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「玄幻」</a></td>
                            <td><a href="#" title="假面骑士之继承者" class="update-book-name">假面骑士之继承者</a></td>
                            <td><a href="#" title="第五百九十三章起源之男"
                                    class="update-book-caption textoverflow ">第五百九十三章起源之男</a>
                            </td>
                            <td><a href="#" class="update-author">余生如故</a></td>
                            <td class="update-time">05-26 20:17</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「玄幻」</a></td>
                            <td><a href="#" title="屹灵记" class="update-book-name">屹灵记</a></td>
                            <td><a href="#" title="二十六章梁甲一" class="update-book-caption textoverflow ">二十六章梁甲一</a>
                            </td>
                            <td><a href="#" class="update-author">翰扬</a></td>
                            <td class="update-time">05-26 20:17</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「科幻」</a></td>
                            <td><a href="#" title="智灵幻境" class="update-book-name">智灵幻境</a></td>
                            <td><a href="#" title="第114章夺矿：奖励分配"
                                    class="update-book-caption textoverflow ">第114章夺矿：奖励分配</a>
                            </td>
                            <td><a href="#" class="update-author">雨遥寺明</a></td>
                            <td class="update-time">05-26 20:17</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「科幻」</a></td>
                            <td><a href="#" title="从倒霉蛋到星空领主" class="update-book-name">从倒霉蛋到星空领主</a></td>
                            <td><a href="#" title="第32章重生的尴尬" class="update-book-caption textoverflow ">第32章重生的尴尬</a>
                            </td>
                            <td><a href="#" class="update-author">不净斋主</a></td>
                            <td class="update-time">05-26 20:17</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「玄幻」</a></td>
                            <td><a href="#" title="怪诞事件记事簿" class="update-book-name">怪诞事件记事簿</a></td>
                            <td><a href="#" title="开始新生活" class="update-book-caption textoverflow ">开始新生活</a>

                            </td>
                            <td><a href="#" class="update-author">一个小六子</a></td>
                            <td class="update-time">05-26 20:39</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「都市」</a></td>
                            <td><a href="#" title="赘婿天王" class="update-book-name">赘婿天王</a></td>
                            <td><a href="#" title="第一百零一章" class="update-book-caption textoverflow ">第一百零一章</a>

                            </td>
                            <td><a href="#" class="update-author">瓦小安</a></td>
                            <td class="update-time">05-26 20:39</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「都市」</a></td>
                            <td><a href="#" title="全职乐师" class="update-book-name">全职乐师</a></td>
                            <td><a href="#" title="第二十七章精神种子" class="update-book-caption textoverflow ">第二十七章精神种子</a>

                            </td>
                            <td><a href="#" class="update-author">荒原漠北</a></td>
                            <td class="update-time">05-26 20:39</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「都市」</a></td>
                            <td><a href="#" title="在显圣世界的东京当猎魔人" class="update-book-name">在显圣世界的东京当猎魔人</a></td>
                            <td><a href="#" title="第二七五章上钩" class="update-book-caption textoverflow ">第二七五章上钩</a>
                                <span class="vip"></span>
                            </td>
                            <td><a href="#" class="update-author">小道罗睺</a></td>
                            <td class="update-time">05-26 20:39</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「都市」</a></td>
                            <td><a href="#" title="凤羽弦" class="update-book-name">凤羽弦</a></td>
                            <td><a href="#" title="第四十二章：蜘蛛网" class="update-book-caption textoverflow ">第四十二章：蜘蛛网</a>

                            </td>
                            <td><a href="#" class="update-author">凤翔羽</a></td>
                            <td class="update-time">05-26 20:39</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「都市」</a></td>
                            <td><a href="#" title="个人观影指南" class="update-book-name">个人观影指南</a></td>
                            <td><a href="#" title="第三十五章姬独（三）" class="update-book-caption textoverflow ">第三十五章姬独（三）</a>

                            </td>
                            <td><a href="#" class="update-author">公孙秒秒</a></td>
                            <td class="update-time">05-26 20:39</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「都市」</a></td>
                            <td><a href="#" title="未来狩则" class="update-book-name">未来狩则</a></td>
                            <td><a href="#" title="002星阵" class="update-book-caption textoverflow ">002星阵</a>

                            </td>
                            <td><a href="#" class="update-author">作家早安夏天</a></td>
                            <td class="update-time">05-26 20:39</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「都市」</a></td>
                            <td><a href="#" title="非人生物都怕我" class="update-book-name">非人生物都怕我</a></td>
                            <td><a href="#" title="第八十八章:双倍的尖叫"
                                    class="update-book-caption textoverflow ">第八十八章:双倍的尖叫</a>

                            </td>
                            <td><a href="#" class="update-author">看渐</a></td>
                            <td class="update-time">05-26 20:39</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「都市」</a></td>
                            <td><a href="#" title="破衣之旅" class="update-book-name">破衣之旅</a></td>
                            <td><a href="#" title="第二十一章回老家" class="update-book-caption textoverflow ">第二十一章回老家</a>

                            </td>
                            <td><a href="#" class="update-author">鬼谷阴兵</a></td>
                            <td class="update-time">05-26 20:39</td>
                        </tr>
                        <tr class="book-row">
                            <td><a href="#" class="update-classify">「都市」</a></td>
                            <td><a href="#" title="一人之下小剑仙" class="update-book-name">一人之下小剑仙</a></td>
                            <td><a href="#" title="第五十九章二老相争" class="update-book-caption textoverflow ">第五十九章二老相争</a>

                            </td>
                            <td><a href="#" class="update-author">笼中一只鸟</a></td>
                            <td class="update-time">05-26 20:39</td>
                        </tr>
                    </tbody>
                </table>
            </div>


        </div>
        <div class="club-wrap fr">
            <h3 class="book-tuijian-title">大神俱乐部
                <div class="update-more fr">
                    <a href="#" class="more">更多<i class="iconfont icon-youjiantou"></i></a>
                </div>
            </h3>
            <div class="club-container">
                <ul>
                    <li class="book-update-item">
                        <a href="#" class="fr"><img src="images/club1.png" class="club-photo"></a>
                        <h3 class="club-author"><a href="#" class="textoverflow">辰东</a></h3>
                        <p class="club-tag">阅文集团白金作家</p>
                        <span class="books">代表作</span>
                        <p class="books-works"><a href="#" class="books-name">神墓</a><i class="splite">|</i><a href="#"
                                class="books-name">遮天</a><a href="#" class="books-name">神墓</a><i class="splite">|</i><a
                                href="#" class="books-name">遮天</a><a href="#" class="books-name">神墓</a><i
                                class="splite">|</i><a href="#" class="books-name">遮天</a><i class="splite">|</i><a
                                href="#" class="books-name">遮天</a><i class="splite">|</i><a href="#"
                                class="books-name">遮天</a></p>
                        <p class="round-info-des">阅文集团白金作家，网络文学代表人物之一，中国作协会员。</p>
                    </li>
                    <li class="book-update-item">
                        <a href="#" class="fr"><img src="images/club2.png" class="club-photo"></a>
                        <h3 class="club-author"><a href="#" class="textoverflow">爱潜水的乌贼</a></h3>
                        <p class="club-tag">阅文集团白金作家</p>
                        <span class="books">代表作</span>
                        <p class="books-works"><a href="#" class="books-name">灭运图录</a><i class="splite">|</i><a href="#"
                                class="books-name">奥术神座</a><span class="splite">|</span><a href="#"
                                class="books-name">一世之尊</a></p>
                        <p class="round-info-des">阅文集团白金作家，网络文学著名作家，2015福布斯中国原创文学风云榜第三名。</p>
                    </li>
                    <li class="book-update-item">
                        <a href="#" class="fr"><img src="images/club3.jpg" class="club-photo"></a>
                        <h3 class="club-author"><a href="#" class="textoverflow">老鹰吃小鸡</a></h3>
                        <p class="club-tag">阅文集团大神作家</p>
                        <span class="books">代表作</span>
                        <p class="books-works"><a href="#" class="books-name">重生之财源滚滚</a><span class="splite">|</span><a
                                href="#" class="books-name">全球高武</a><span class="splite">|</span><a href="#"
                                class="books-name">万族之劫</a></p>
                        <p class="round-info-des">阅文集团大神作家，2018年度金键盘作家，著有《全球高武》《重生之财源滚滚》作品</p>
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <!-- 限时免费 -->
    <div class="free-wrap w1200 mb40">
        <ul class="clearfix">
            <li class="free-item time-box odd">
                <h3 class="free-title">限时免费</h3>
                <p class="tips">VIP章节免费读</p>
                <i class="iconfont icon-shijian"></i>
                <p class="time">
                    <i class="day">1</i>
                    <em>天</em>
                    <span>
                        <i class="hour">20</i>:<i class="minute">25</i>:<i class="second">38</i>
                    </span>
                </p>
                <p class="channel"><a href="#" class="blue">进入限免频道<i class="iconfont icon-youjiantou"></i></a></p>
            </li>
            <li class="free-item even">
                <div class="book-img">
                    <a href="#"><img src="images/free1.jpg" alt="书籍名称" class="book-editor-ib-thumbimg">
                        <span class="score">9.1</span>
                    </a>
                </div>
                <h3 class="book-editor-title"><a href="#" title="返回2006" class="book-editor-link">返回2006</a>
                </h3>
                <del class="tips">5起点币⁄千字</del>
                <a href="#" class="btn-free">免费阅读</a>

            </li>
            <li class="free-item odd">
                <div class="book-img">
                    <a href="#"><img src="images/free2.jpg" alt="书籍名称" class="book-editor-ib-thumbimg">
                    </a>
                </div>
                <h3 class="book-editor-title"><a href="#" title="返回2006" class="book-editor-link">直播之我是修仙者</a>
                </h3>
                <del class="tips">5起点币⁄千字</del>
                <a href="#" class="btn-free">免费阅读</a>

            </li>
            <li class="free-item even">
                <div class="book-img">
                    <a href="#"><img src="images/free3.jpg" alt="书籍名称" class="book-editor-ib-thumbimg">
                        <span class="score">9.1</span>
                    </a>
                </div>
                <h3 class="book-editor-title"><a href="#" title="返回2006" class="book-editor-link">大唐补习班</a>
                </h3>
                <del class="tips">5起点币⁄千字</del>
                <a href="#" class="btn-free">免费阅读</a>

            </li>
            <li class="free-item odd">
                <div class="book-img">
                    <a href="#"><img src="images/free4.jpg" alt="书籍名称" class="book-editor-ib-thumbimg">
                    </a>
                </div>
                <h3 class="book-editor-title"><a href="#" title="返回2006" class="book-editor-link">重生逆流崛起</a>
                </h3>
                <del class="tips">5起点币⁄千字</del>
                <a href="#" class="btn-free">免费阅读</a>

            </li>
            <li class="free-item even">
                <div class="book-img">
                    <a href="#"><img src="images/free5.jpg" alt="书籍名称" class="book-editor-ib-thumbimg">
                        <span class="score">9.1</span>
                    </a>
                </div>
                <h3 class="book-editor-title"><a href="#" title="返回2006" class="book-editor-link">我有一座天地钱庄</a>
                </h3>
                <del class="tips">5起点币⁄千字</del>
                <a href="#" class="btn-free">免费阅读</a>

            </li>
            <li class="free-item odd">
                <div class="book-img">
                    <a href="#"><img src="images/free6.jpg" alt="书籍名称" class="book-editor-ib-thumbimg">
                    </a>
                </div>
                <h3 class="book-editor-title"><a href="#" title="返回2006" class="book-editor-link">星临诸天</a>
                </h3>
                <del class="tips">5起点币⁄千字</del>
                <a href="#" class="btn-free">免费阅读</a>

            </li>
        </ul>
    </div>
    <!-- 选择书本 -->
    <div class="filter-search-wrap">
        <div class="filter-search-box w1200 clearfix">
            <span class="filter-text fl">没有找到？试试这里</span>
            <div class="filter-search-container fl">
                <div class="filter-search-option">
                    <a href="javascript:;" class="option">
                        <span class="option-value">玄幻</span>
                    </a>
                    <div class="filter-search-list none">
                        <ul>
                            <li class="filter-search-item">玄幻</li>
                            <li class="filter-search-item">奇幻</li>
                            <li class="filter-search-item">都市</li>
                            <li class="filter-search-item">体育</li>
                            <li class="filter-search-item">科幻</li>
                            <li class="filter-search-item">修仙</li>
                            <li class="filter-search-item">生活</li>
                            <li class="filter-search-item">奇幻</li>
                            <li class="filter-search-item">玄幻</li>
                            <li class="filter-search-item">奇幻</li>
                            <li class="filter-search-item">玄幻</li>
                            <li class="filter-search-item">奇幻</li>
                            <li class="filter-search-item">玄幻</li>
                            <li class="filter-search-item">奇幻</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="filter-search-container fl">
                <div class="filter-search-option">
                    <a href="javascript:;" class="option">
                        <span class="option-value">连载</span>
                    </a>
                    <div class="filter-search-list none">
                        <ul>
                            <li class="filter-search-item">连载</li>
                            <li class="filter-search-item">完本</li>

                        </ul>
                    </div>
                </div>
            </div>
            <div class="filter-search-container fl">
                <div class="filter-search-option">
                    <a href="javascript:;" class="option">
                        <span class="option-value">免费</span>
                    </a>
                    <div class="filter-search-list none">
                        <ul>
                            <li class="filter-search-item">免费</li>
                            <li class="filter-search-item">收费</li>

                        </ul>
                    </div>
                </div>
            </div>
            <div class="filter-search-container fl">
                <div class="filter-search-option">
                    <a href="javascript:;" class="option">
                        <span class="option-value long">200万以上</span>
                    </a>
                    <div class="filter-search-list none">
                        <ul>
                            <li class="filter-search-item">200万以上</li>
                            <li class="filter-search-item">100万-200万字</li>
                            <li class="filter-search-item">50万-100万字</li>
                            <li class="filter-search-item">30万-50万字</li>
                            <li class="filter-search-item">30万以下</li>

                        </ul>
                    </div>
                </div>
            </div>
            <div class="filter-search-container fl">
                <div class="filter-search-option">
                    <a href="javascript:;" class="option">
                        <span class="option-value long">全部标签</span>
                    </a>
                    <div class="filter-search-list none">
                        <ul>
                            <li class="filter-search-item">全部标签</li>
                            <li class="filter-search-item">热血</li>
                            <li class="filter-search-item">励志</li>
                            <li class="filter-search-item">恶搞</li>
                            <li class="filter-search-item">轻松</li>
                            <li class="filter-search-item">热血</li>
                            <li class="filter-search-item">励志</li>
                            <li class="filter-search-item">恶搞</li>
                            <li class="filter-search-item">轻松</li>

                        </ul>
                    </div>
                </div>
            </div>
            <a href="#" class="btn-read">按条件找书</a>
            <div class="filter-keywords-wrap fr">
                <p class="fkey-title fl">大家都在搜</p>
                <div class="fkey-words fl">
                    <p class="fkey-word"><a href="#" class="textoverflow fkey-link">玄幻+连载+100万~200万+连载+100万~200万</a></p>
                    <p class="fkey-word"><a href="#" class="textoverflow fkey-link">都市+连载+vip</a></p>
                </div>
            </div>
        </div>

    </div>
    <div class="footer-wrap">
        <div class="footer-container w1200">
            <p>上海网警提示：网络刷单是违法 切莫轻信有返利，网上交友套路多 卖惨要钱需当心，电子红包莫轻点 个人信息勿填写，仿冒客服来行骗 官方核实最重要，招工诈骗有套路 预交费用需谨慎，低价充值莫轻信
                莫因游戏陷套路，连接WIFI要规范 确认安全再连接，抢购车票有章法 确认订单再付款，白条赊购慎使用 提升额度莫轻信，网购预付有风险 正规渠道很重要 如网民接到962110电话，请立即接听。</p>
            <p class="friends-link-wrap"><a href="#" class="grayred">阅文集团</a>旗下网站：
                <span class="friends-link">
                    <a href="#" class="grayred">起点中文网</a>
                    <a href="#" class="grayred">起点女生网</a>
                    <a href="#" class="grayred">创世中文网</a>
                    <a href="#" class="grayred">云起书院</a>
                    <a href="#" class="grayred">红袖添香</a>
                    <a href="#" class="grayred">小说阅读网</a>
                    <a href="#" class="grayred">言情小说吧</a>
                    <a href="#" class="grayred">潇湘书院</a>
                    <a href="#" class="grayred">天方听书网</a>
                    <a href="#" class="grayred">懒人听书</a>
                    <a href="#" class="grayred">QQ阅读</a>
                    <a href="#" class="grayred">起点读书</a>
                    <a href="#" class="grayred">作家助手</a>
                    <a href="#" class="grayred">起点国际版</a>
                </span>
            </p>
            <p class="footer-link">
                <a href="#" class="grayred">关于起点</a>
                <a href="#" class="grayred">联系我们</a>
                <a href="#" class="grayred">加入我们</a>
                <a href="#" class="grayred">帮助中心</a>
                <a href="#" class="grayred">提交建议</a>
                <a href="#" class="grayred">举报中心</a>
            </p>
            <div class="copyright">
                <p>Copyright © 2002-2020 www.qidian.com All Rights Reserved版权所有 上海玄霆娱乐信息科技有限公司</p>
                <p><a href="#" class="grayred"><img src="images/o5lajshfcw.png" class="police">沪公网安备
                        31011502001275号</a>网站备案/许可证号：<a href="#" class="grayred">沪B2-20080046-1</a>出版经营许可证：新出发沪批字第 U3718
                    号&nbsp;&nbsp;网络文化经营许可证：沪网文[2015]0081-031 新出网证（沪）字 010</p>
                <p>请所有作者发布作品时务必遵守国家互联网信息管理办法规定，我们拒绝任何色情小说，一经发现，即作删除！举报电话：010-59357051</p>
                <p>本站所收录的作品、社区话题、用户评论、用户上传内容或图片等均属用户个人行为。如前述内容侵害您的权益，欢迎举报投诉，一经核实，立即删除，本站不承担任何责任</p>
                <p>联系方式 总机 021-61870500 地址：中国（上海）自由贸易试验区碧波路690号6号楼101、201室</p>
            </div>
            <div class="safety-box clearfix">
                <a href="#" class="safety-item site1" target="_blank"></a>
                <a href="#" class="safety-item site2" target="_blank"></a>
                <a href="#" class="safety-item site3" target="_blank"></a>
                <a href="#" class="safety-item site4" target="_blank"></a>
                <a href="#" class="safety-item site5" target="_blank"></a>
                <a href="#" class="safety-item site6" target="_blank"></a>
                <a href="#" class="safety-item site7" target="_blank"></a>
            </div>
        </div>
    </div>
    <div class="back">
        <i class="iconfont icon-shengxu"></i>
    </div>





    <script src="js/jquery-1.11.0.min.js"></script>
    <script src="js/jquery.waterwheelCarousel.js"></script>
    <script>
        //3D幻灯片插件
        $(document).ready(function () {
            var carousel = $("#carousel").waterwheelCarousel({
                flankingItems: 2,
                separation: 50,
                separationMultiplier: 0.8,
                opacityMultiplier: 0.6,
                autoPlay: 2000


                /*  movingToCenter: function ($item) {
                   $('#callback-output').prepend('movingToCenter: ' + $item.attr('id') + '<br/>');
                 },
                 movedToCenter: function ($item) {
                   $('#callback-output').prepend('movedToCenter: ' + $item.attr('id') + '<br/>');
                 },
                 movingFromCenter: function ($item) {
                   $('#callback-output').prepend('movingFromCenter: ' + $item.attr('id') + '<br/>');
                 },
                 movedFromCenter: function ($item) {
                   $('#callback-output').prepend('movedFromCenter: ' + $item.attr('id') + '<br/>');
                 },
                 clickedCenter: function ($item) {
                   $('#callback-output').prepend('clickedCenter: ' + $item.attr('id') + '<br/>');
                 } */
            });

            $('.btn-prev').bind('click', function () {
                carousel.prev();
                return false
            });

            $('.btn-next').bind('click', function () {
                carousel.next();
                return false;
            });

            /*  $('#reload').bind('click', function () {
               newOptions = eval("(" + $('#newoptions').val() + ")");
               carousel.reload(newOptions);
               return false;
             }); */



            // 初始化另外3个一样的幻灯
            $('.round-carousel-list').waterwheelCarousel({
                flankingItems: 1,
                separation: 50,
                separationMultiplier: 0.8,
                opacityMultiplier: 1,
                autoPlay: 2000
            })

        });
    </script>
    <script>
        {
            // 广告条
            const oAdvWrap = document.querySelector('.adv-wrap');
            const oAdvBtn = document.querySelector('.btn-close');
            oAdvBtn.onclick = function () {
                oAdvWrap.style.display = 'none';
            }
        }

        {
            //搜索表单下拉菜单的数据
            let data = ['民科的黑科技', '重返2008年', '毁灭游戏世界', '联盟之上单魔王', '大唐孽子', '三体'];

            const oKeyWords = document.querySelector('#keywords');
            const osListWrap = document.querySelector('.select-list-wrap');
            const oItem = osListWrap.getElementsByTagName('dl');
            let str = '';
            data.forEach(function (item) {
                str += `<dl class="select-list-item">
                            <a href="#" class="select-list-item-link">${item}</a>
                        </dl>`
            })
            osListWrap.innerHTML += str;
            oKeyWords.onclick = function () {
                osListWrap.style.display = 'block';
            }
            osListWrap.addEventListener('mouseleave', function () {
                osListWrap.style.display = 'none';
            });
            [...oItem].forEach(function (item, index) {
                item.addEventListener('click', function (e) {
                    oKeyWords.value = data[index - 1];
                    osListWrap.style.display = 'none';
                })
            })

        }

        {
            // 首页手风琴
            const oGameDList = document.querySelectorAll('.game-dropdown-title');
            const oGameDPic = document.querySelectorAll('.game-dropdown-pic');
            let len = oGameDList.length;
            for (let i = 0; i < len; i++) {
                oGameDList[i].addEventListener('mouseover', function (e) {
                    for (let j = 0; j < len; j++) {
                        oGameDPic[j].classList.add('none');
                    }
                    oGameDPic[i].classList.remove('none');
                })
            }
        }

        {
            // 幻灯片
            const oNavUl = document.querySelector('.focus-slider-list');
            const oTitleA = document.querySelectorAll('.focus-slider-thumb');

            let num = 0;
            let len = oTitleA.length;
            oNavUl.style.position = 'absolute';
            change();
            for (let i = 0; i < len; i++) {
                oTitleA[i].onclick = function () {
                    num = i;
                    change();
                }
            }

            let time = null;
            autoPlay();

            oNavUl.addEventListener('mouseenter',function(){
                clearInterval(time);
            })
            oNavUl.addEventListener('mouseleave',function(){
                autoPlay();
            })

            function autoPlay(){
                time = setInterval(function(){
                    num++;
                    if (num >= len){
                        num = 0;
                    }
                    change()
                },2000)
            }
            function change() {
                oNavUl.style.left = -748 * num + 'px';
                for (let i = 0; i < len; i++) {
                    oTitleA[i].classList.remove("active");
                }
                oTitleA[num].classList.add("active");
            }
        }

        {
            // 展开更多
            const oContainer = document.querySelector('.toprank-container');
            const oBtnA = document.querySelector('.btn-more');
            let isOn = true;
            oBtnA.onclick = function () {
                if (isOn) {
                    oContainer.style.overflow = 'visible';
                    oBtnA.innerText = '点击关闭';
                    oBtnA.classList.add('up');
                } else {
                    oContainer.style.overflow = 'hidden';
                    oBtnA.innerText = '展开更多';
                    oBtnA.classList.remove('up');
                }
                isOn = !isOn;
            }
        }

        {
            // 条件找书
            const oOptionDiv = document.querySelectorAll('.filter-search-option');
            oOptionDiv.forEach(function (item) {
                hanshu(item);
            })
            function hanshu(obj) {
                const oList = obj.querySelector('.filter-search-list');
                const oOptionA = obj.querySelector('.option');
                const oOptionS = obj.querySelector('.option-value');
                const oItem = obj.querySelectorAll('.filter-search-item');

                oOptionA.onclick = function () {
                    // oList.style.display = 'block';
                    oList.classList.toggle('none');
                    oItem.forEach(function (item) {
                        item.onclick = function () {
                            oOptionS.innerHTML = this.innerHTML;
                        }
                    })
                }
            }
        }

        {
            // 倒计时
            const oTime = document.querySelector('.time');
            let time = '2022-11-13';
            countDown(time);
            setInterval(function () {
                countDown(time);
            }, 1000);

            function countDown(time) {
                let nowdate = new Date();
                let enddate = new Date(time);

                let val = Math.floor((enddate - nowdate) / 1000); //转成秒数

                let d = fullzero(Math.floor(val / (24 * 60 * 60)));
                let h = fullzero(Math.floor(val % (24 * 60 * 60) / (60 * 60)));
                let m = fullzero(Math.floor(val % (60 * 60) / 60));
                let s = fullzero(val % 60);

                oTime.innerHTML = `${d}天${h}:${m}:${s}`;
            }
            function fullzero(val) {
                return val < 10 ? '0' + val : val;
            }
        }

        {
            // 点击返回顶部
            const oBack = document.querySelector('.back');
        }
    </script>


</body>

</html>